<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
		
		<head>
			<link rel="stylesheet" type="text/css" href="/fiap-bank-web/resources/css/style.css" />
			<script type="text/javascript" src="/fiap-bank-web/resources/js/jquery/jquery.min.js"></script>
			<script type="text/javascript" src="/fiap-bank-web/resources/js/jquery/init.js"></script>
			
			<script type="text/javascript" src="/fiap-bank-web/resources/js/jquery/jquery.maskedinput-1.1.4.pack.js"></script>
			<script type="text/javascript" src="/fiap-bank-web/resources/js/jquery/positionFooter.jQuery.js"></script>
			<script type="text/javascript" src="/fiap-bank-web/resources/js/jquery/jquery.textinput.focus.colorise.js"></script>
			<script type="text/javascript" src="/fiap-bank-web/resources/js/jquery/jquery.load.js"></script>						
			<script type="text/javascript" src="/fiap-bank-web/resources/js/jquery/jquery.corner.js"></script>
			<script type="text/javascript" src="/fiap-bank-web/resources/js/jquery/jquery.validate.js"></script>
			<script type="text/javascript" src="/fiap-bank-web/resources/js/jquery/jquery.maskMoney.0.2.js"></script>
			<script type="text/javascript" src="/fiap-bank-web/resources/js/jquery/jquery.dimensions.min.js"></script>
			<script type="text/javascript" src="/fiap-bank-web/resources/js/jquery/jquery.gradient.js"></script>
			
			<script type="text/javascript">

				function salvarCredito(){
					j('#div-solicitar-pedido-credito').hide();
					j('#div-confirmar-pedido-credito').fadeIn(1500);
				}
				function novoCredito(){
					j('#div-confirmar-pedido-credito').hide();
					j('#div-solicitar-pedido-credito').fadeIn(1500);
				}
			</script>
			<script type="text/javascript">

				function salvarConta(){
					j('#div-numero-conta').hide();
					j('#div-cadastrar-conta').hide();
					j('#div-cadastrar-senha').show();
				}
				function salvarSenha(){
					j('#div-numero-conta').show();
					j('#div-cadastrar-conta').hide();
					j('#div-cadastrar-senha').hide();
				}
				function confirmarConta(){
					j('#div-numero-conta').hide();
					j('#div-cadastrar-conta').show();
					j('#div-cadastrar-senha').hide();
				}
					
			</script>
			<script type="text/javascript">

				function exibirListaCredito(){
					j('#div-avaliar-credito').hide();
					j('#div-lista-pedido-credito').show();
				}
				function exibirDetalhesCredito(){
					j('#div-avaliar-credito').show();
					j('#div-lista-pedido-credito').hide();
				}

			</script>
			<title>
				<ui:insert name="title">
					FIAP
				</ui:insert>
			</title>
		</head> 
	<body>
		<div id="menu" style="width: 100%;">
			<a4j:form>						
				<rich:toolBar width="100%" itemSeparator="line" >
					<rich:toolBarGroup>
						FIAP BANK
					</rich:toolBarGroup>
					<rich:toolBarGroup location="right"> 
						<h:outputText value="Bem vindo :" styleClass="label-input"/>
						<h:outputText value="#{login_mb.user}"/>
					</rich:toolBarGroup>
					<rich:toolBarGroup location="right">
						<a4j:commandButton image="/resources/images/home.gif"
								action="menu"
								value="Menu"
								title="Menu" />
					</rich:toolBarGroup>
					<rich:toolBarGroup location="right">
						<a4j:commandButton image="/resources/images/logout.png"
								action="#{login_mb.logout}"
								value="Logout"
								title="Logout" />
					</rich:toolBarGroup>
					
				 </rich:toolBar>
			</a4j:form>
		</div>
		<div id="body" style="width:100%; margin-top: 10px; ">			
			<ui:insert name="body">						 						
			</ui:insert>
			
			<div id="boxes">
				<div id="dialog" class="window"></div>
				<div id="mask" class="mask-opacity">
				</div>
			</div>
		
		</div>	</body>
</html>